/* 全局css文件 */


/* 默认字体颜色 */
.f-color{
  color: ##666666;
}
/* 选中的字体颜色 */
.f-active-color{
  color: #6393ff;
}
.flex {
  display: flex;
}

.flex1 {
  flex: 1;
}

.wrap {
  flex-wrap: wrap;
}

.f-column {
  flex-direction: column;
}

.f-align {
  align-items: center;
}
.f-alignS {
  align-items: flex-start;
}

.f-align-end {
  align-items: flex-end;
}

.f-justifyC {
  justify-content: center;
}

.f-justifyB {
  justify-content: space-between;
}
.f-justifyA {
  justify-content: space-around;
}
.f-justifyE {
  justify-content: flex-end;
}
.f-center {
  display: flex;
  justify-content: center;
  align-items: center;
}




/* 溢出隐藏 1 行 */
.font-one {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.position-r {
	position: relative;
}

/* 圆角 */
.border-r{
	border-radius: 10rpx;
}

/* 线条颜色 */
.line{
	background-color: #E3E3E3;
	height: 1rpx;
}

/* 主题色 */
.main-color{
	color:#35A184 !important;
}

/* 淡颜色 */
.light-color{
	color: #d7d7d7;
}
.light-bg{
	background-color: #d7d7d7;

}

/* 常用内边距 */
.p-20{
	padding: 20rpx;
}
.p-10{
	padding: 10rpx;
}
.p-t-20{
	padding-top: 20rpx;
}
.p-b-10{
	padding-bottom: 10rpx;
}
.p-b-20{
	padding-bottom: 20rpx;
}
.p-l-10{
	padding-left: 10rpx;
}
.p-l-20{
	padding-left: 20rpx;
}
.p-30{
	padding: 30rpx;
}

/*常用外边距*/
.m-r-10{
	margin-right: 10rpx;
}
.m-r-20{
	margin-right: 20rpx;
}
.m-l-10{
	margin-left: 10rpx;
}
.m-l-20{
	margin-left: 20rpx;
}
.m-b-10{
	margin-bottom: 10rpx;
}
.m-b-20{
	margin-bottom: 20rpx;
}
.m-t-10{
	margin-top: 10rpx;
}
.m-t-20{
	margin-top: 20rpx;
}

.c-166{
	color: rgba(166, 166, 166, 1);
}
/* 常用字体颜色 */
.color-333 {
  color: #333;
}
.color-555 {
  color: #555;
}
.color-54 {
  color: #545454;
}
/*图文淡一点的字体颜色*/
.color-666 {
  color: #666;
}
/*图文淡一点的字体颜色*/
.color-777 {
  color: #777;
}
.color-888 {
  color: #888;
}
.color-999 {
  color: #999;
}
.color-000 {
  color: #000;
}
.color-fff {
  color: #fff;
}

/* 常用背景颜色 */
.bg-fff {
	background-color: #fff;
}

/* 弹性布局 */
.my_flex{
	display: flex;
}
.flex_col{
	flex-direction: column;
}
.flex_a{
	justify-content: space-around;
}
.flex_c{
	justify-content: center;
}
.flex_b{
	justify-content: space-between;
}
.flex_wrop{
	flex-wrap: wrap;
}



/* 字体权重  */
.f-w-7 {
  font-weight: 700;
}
.f-w-5 {
  font-weight: 500;
}
.f-w-1 {
  font-weight: 100;
}


/* 字体大小  */


.f-s-12 {
  font-size: 24rpx;
}



.f-s-13 {
  font-size: 26rpx;
}

.f-s-14 {
  font-size: 28rpx;
}

.f-s-15 {
  font-size: 30rpx;
}

.f-s-16 {
  font-size: 32rpx;
}


.f-s-17 {
  font-size: 34rpx;
}
.f-s-18 {
  font-size: 36rpx;
}
.f-s-19 {
  font-size: 38rpx;
}
.f-s-20 {
  font-size: 40rpx;
}
.f-s-21 {
  font-size: 42rpx;
}
.f-s-22 {
  font-size: 44rpx;
}
.f-s-23 {
  font-size: 46rpx;
}
.f-s-24 {
  font-size: 48rpx;
}
.f-s-26 {
  font-size: 52rpx;
}
.f-s-28 {
  font-size: 56rpx;
}
.f-s-30 {
  font-size: 60rpx;
}
.f-s-32 {
  font-size: 64rpx;
}
.f-s-34 {
  font-size: 68rpx;
}
.f-s-36 {
  font-size: 72rpx;
}
.f_24{
	font-size: 24rpx;
}
.f_28{
	font-size: 28rpx;
}
.f_32{
	font-size: 32rpx;
}






image{
	max-width: 100%;
	border-radius: 8rpx;
}




.p_20{
	padding: 20rpx;
}
.p_10{
	padding: 10rpx;
}




.arrow {
	transition: all 0.3s;
	position: absolute;
	border-left: 2rpx solid #000;
	border-bottom: 2rpx solid #000;
	height: 10rpx;
	width: 10rpx;
	transform: translateY(-50%) rotate(-45deg);
	-webkit-transform: translateY(-50%) rotate(-45deg);
	border-right: 2rpx solid transparent;
	border-top: 2rpx solid transparent;
	display: inline-block;
}

.arrow-up {
	transition: all 0.3s;
	position: absolute;
	border-left: 2rpx solid #000;
	border-bottom: 2rpx solid #000;
	height: 10rpx;
	width: 10rpx;
	transform: translateY(-50%) rotate(-45deg);
	-webkit-transform: translateY(-50%) rotate(-45deg);
	border-right: 2rpx solid transparent;
	border-top: 2rpx solid transparent;
	display: inline-block;
	transform: rotate(-223deg);
}

.arrow-right {
	transition: all 0.3s;
	position: absolute;
	border-left: 2rpx solid #000;
	border-bottom: 2rpx solid #000;
	height: 10rpx;
	width: 10rpx;
	transform: translateY(-50%) rotate(-45deg);
	-webkit-transform: translateY(-50%) rotate(-45deg);
	border-right: 2rpx solid transparent;
	border-top: 2rpx solid transparent;
	display: inline-block;
	transform: rotate(-135deg);
}

.top-container{
	background-color: #fff;
	width: 690rpx;
	margin: 0 auto;
	border-radius: 10rpx;
	position: relative;
	z-index: 7;
}

.marsk{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,.4);
	z-index: 70;
}

.text-deal{
  overflow : hidden;
  text-overflow: ellipsis;
  /* display: -webkit-box; */
  /* -webkit-line-clamp: 3; */
  /* -webkit-box-orient: vertical; */
  white-space: nowrap;
}

.none{
	display: none;
}
